<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
    <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
    <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <!-- 不允许缩放的1:1显示 -->
    <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
    <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>丽娟教育</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>

<body>
    <div class="heads">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="progect">
        <dl class="active">
            <dt>1</dt>
            <dd>确认订单</dd>
        </dl>
        <span></span>
        <dl>
            <dt>2</dt>
            <dd>支付成功</dd>
        </dl>
    </div>
    <div class="identifier_line pb50">
        <div class="identifier_top">
            <h1 class="fnt_14">订单编号：20200702145620153654</h1>
            <div class="identifier_top_inner">
                <div class="identifier_top_lf">
                    <i></i>
                    <div class="identifier_img">
                        <img src="images/index/ii-4.jpg" alt="" />
                    </div>
                    <div class="identifier_text">
                        <h4 class="fnt_16 textOVerTwo">课程A1：犀牛Rhino建筑规划景观建模从
                            新手到高手11</h4>
                        <p>有效期：自购课之日起2年</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="identifier_bottom pb50">
            <h1 class="fnt_14">选择支付方式</h1>
            <div class="identifier_list">
                <h2 class="fnt_18 text-center">付款金额：<span class="fnt_26 col_lan">399元</span> </h2>
                <div class="identifier_item pt_40 pb_40">
                    <ul>
                        <li class="active">
                            <i></i>
                            <img src="images/second/weixin.jpg" alt="" />
                        </li>
                        <li>
                            <i></i>
                            <img src="images/second/zhifubao.jpg" alt="" />
                        </li>
                    </ul>
                </div>
                <div class="identifier_btn">
                    <a href="#" class="fnt_18"> 去支付 </a>
                </div>

            </div>
        </div>
     
    </div>
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(".identifier_item ul li").click(function () {
            $(this).addClass('active').siblings().removeClass('active')
        })
    </script>
</body>